index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Sliding Radio Buttons MI</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='style.css'>
</head>

<body>

    <div class="radios__wrapper">
        <label for="input1"></label>
        <input id="input1" name="radio" type="radio" />

        <label for="input2"></label>
        <input id="input2" name="radio" type="radio" />

        <label for="input3"></label>
        <input id="input3" name="radio" type="radio" />

        <label for="input4"></label>
        <input id="input4" name="radio" type="radio" />

        <label for="input5"></label>
        <input id="input5" name="radio" type="radio" />

        <span id="slider"></span>
    </div>

</body>

</html>
HTMLify

Share this file:

Comments
